<template>
    <div class="setting">
        <Settingheader :titletext='settingtitle'></Settingheader>
        <div class="settingitems">
            <ul>
                <li>
                    <router-link to='userinfo'>
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_gerenziliao.png" alt="设置">
                        <span class="itemtitle">个人资料</span>
                    </router-link>
                </li>
               
                <li>
                    <router-link to='bindphone'>
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_bangding.png" alt="设置">
                        <span class="itemtitle">绑定</span>
                    </router-link>
                
                </li>

                <li>
                    <router-link to='/address'>
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_shouhuodizhi.png" alt="设置">
                        <span class="itemtitle">收货地址</span>
                    </router-link>
                </li>
                <li>
                    <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_qingchuhuancun.png" alt="设置">
                    <span class="itemtitle">清除缓存</span>
                </li>
                <li>
                    <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi.png" alt="设置">
                    <span class="itemtitle">小屏模式（省高达70%流量）</span>
                </li>
                <li>
                    <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_tuisong.png" alt="设置">
                    <span class="itemtitle">消息推送</span>
                </li>
                <li>
                    <router-link to='about'>
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_guanyu.png" alt="设置">
                        <span class="itemtitle">关于loveliness</span>
                    </router-link>    
                </li>
                <li>
                    <router-link to='help'>
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi_bangzhu.png" alt="设置">
                        <span class="itemtitle">帮助</span>
                    </router-link>    
                </li>
                <li>
                    <router-link to="sendbug">
                        <img class="itemimg" src="http://ot9lfn4ld.bkt.clouddn.com/icon_shezhi.png" alt="设置">
                        <span class="itemtitle">意见反馈</span>
                    </router-link>  
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
import Settingheader from "../../components/settingheader";
export default {
    name: 'setting',
    data() {
        return {
            settingtitle: '设置'

        }
    },
    components: {
        Settingheader
    }
}
</script>
<style lang="less" scoped>
.setting {
    a {
        display: block;
    }
    height: 100%;
    .settingitems {
        position: absolute;
        top: 88/75rem;
        bottom: 0;
        left:0;
        right: 0;
        width: 710/75rem;
        height: 100%;
        margin: 0 auto;
        box-shadow: 0px 5px 20px 5px #d4d4d3;
        border-radius: 15px;
        box-sizing: border-box;
        padding: 0 30/75rem;
        li {
            margin-bottom: 20/75rem;
            height: 80/75rem;
            .itemimg {
                vertical-align: middle;
                width: 32/75rem;
                height: 32/75rem;
                position: relative;
                top: 7/75rem;
            }
            .itemtitle {
                font-size: 28/75rem;
                color: #333333;
                display: inline-block;
            }
        }
    }
}
</style>

